*{
	margin: 0;
	padding: 0;
}
.full_screen{
	position: fixed;
	width: 100% !important;
	height: 100%;
	background-image: linear-gradient( 135deg, #90F7EC 10%, #32CCBC 100%) !important;
}
.contain{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 810px;
	height: 500px;
	overflow: hidden;
	border-radius: 18px;
	box-shadow: 0 6px 14px rgb(1 0 95 / 10%);
}
/**
 * 表单容器
 */
.login_register_contain{
	position: absolute;
	display: flex;
	width: 70%;
	height: 100%;
	
}
/**
 * 注册
 */
.text_img_contain{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 70%;
	/* background-color: #fff; */
}

/**
 * 表单总体样式
 */
.form_style_contain{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	/* background-color: #fff; */
	display: flex;
	/* align-items: center; */
	justify-content: center;
	/* display: none; */
	transform: 0.6s;
	
}
.form_style_contain form{
	position: relative;
	width: 100%;
	height: 100%;
	/* margin-top:3rem ; */
	display: flex;
	align-items: center;
	flex-direction: column;
	/* background-color: #AAAAAA; */
}
.form_style_contain form h1{
	margin-top:2rem ;
	margin-bottom: 2rem;
}

.form_style_contain form span{
	position: relative;
	margin-top: 0.2rem;
	height: 20.8px;
}

.form_style_contain form input{
	margin-top: 0.1rem;
	margin-bottom:0.7rem;
	width: 19rem;
	height: 2rem;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	background-color: #fff;
	box-sizing: border-box;
	outline: none;
	text-align: center;
	
}
 .form_style_contain form input::placeholder{
	position: relative;
	color:#aaa;
	font-size:14px;
	text-align: center;
} 

.form_style_contain form button{
	position: relative;
	text-align: center;
	width: 19rem;
	height: 2.5rem;
	border-radius: 14px;
	border: 0;
	cursor: pointer;
	font-size: 18px;
	background: #56CCF2;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #2F80ED, #56CCF2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	
}
/**
 * 文本域
 */
.form_style_text{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(122, 122, 122, 0.6);
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: 0.6s;
	z-index:3;
}
.form_style_text_title
{
	height: 30%;
	color: white;
}

.form_style_text_title h1{
	display: block;
	position: relative;
	text-align: center;
	margin-top: 10%;
}
.form_style_text_title span{
	display: block;
	margin-top: 10%;
}
.form_style_text_button_contain{
	position: relative;
	width: 100%;
	height: 70%;
	display: flex;
	justify-content: center;
}
.form_style_text_button_contain a {
	position: relative;
	width: 7rem;
	height: 2.5rem;
	top: 80%;
	color: #FFFFFF;
	border: 0;
	text-align: center;
	line-height: 2.5rem;
	text-decoration: none;
	/* border: 0.1rem solid white; */
	border-radius: 1.5rem;
	background: #0099F7;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #F11712, #0099F7);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #F11712, #0099F7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	cursor: pointer;
}
/**
 * 登录
 */
.login_contain{
	display: flex;
	z-index: 1;
	background-color: #fff;
}
.login_contain form button{
	margin-top: 0%;
}
.login_contain form .login_tip{
	margin-top: 1rem;
	margin-bottom: 2rem;
	color: #ec0000;
}
.login_contain form .login_tip_2{
	margin-top: 7rem;
}
/**
 * 注册
 */
.register_contain{
	display: flex;
	transition: 0.6s;
	left: 0%;
	z-index: 6;
	left: -70%;
	width: 70%;
	background-color: #fff;
}

.register_num_contain{
	position: relative;
	margin-top: 0.5rem;
	margin-bottom:0.7rem;
	width: 19rem;
	height: 2rem;
	border: 0;
	border-radius: 0.5rem;
	padding-left: 0;
	box-sizing: border-box;
	display: flex;
}
.register_num_contain .register_span_num{
	left: 0;
	flex: 1;
	/* text-align: center; */
	padding-top: 1.5%;
	box-sizing: border-box;
}
.register_num_contain .register_num_input{
	position: relative;
	flex: 2;
	margin: 0;
	width: 10rem;
}

.register_contain form .register_num_contain .register_num_button{
	position: relative;
	flex: 1;
	height: 2rem;
	border-radius: 0;
	left: -2%;
	
	background:#fff ;
	font-size: 14px;
}
.register_contain .register_tip{
	margin-top: 0.9rem;
	color: #ec0000;
}
.register_contain .register_tip_2{
	margin-top: 1rem;
}
.register_contain form .register_button{
	margin-top: 3%;
}

/**
 * 文字域
 */
.text_img{
	position: absolute;
	width: 30%;
	height: 100%;
	z-index: 10;
	overflow: hidden;
	
}
.img_contain{
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	z-index: -1;
	transition: 0.6s;
	background-position-x: -567px;
	
}
.text_img_shadow{
	position: absolute;
	width: 100%;
	height: 100%;
	/* background-color: rgba(0,0,0,1); */
}
.register_text{
	/* width: 30%; */
}
/**
 * 登录与注册位移
 */
.login_register_contain{
	overflow: hidden;
}
.login_contain{
	transition: 0.6s;
	/* left: 100%; */
}
.text_img_contain{
	overflow: hidden;
	transition: 0.6s;
	/* left: 0; */
}
.register_contain{
	transition: 0.6s;
	/* left: 30%; */
}
.register_text{
	transition: 0.6s;
	left: 0%;
	/* left: 150%; */
}
.login_text{
	transition: 0.6s;
	left: -150%;
	/* left: 0%; */
}
.img_contain_add{
	background-position-x: 0px;
}

.sexbox{
	display: flex;
	width: 19em;
	justify-content: center;
	align-content: center;
}
.sexbox div{
	height: 100%;
	line-height: 100% !important;
	display: flex;
	justify-content: center;
	align-content: center;

}
.sexbox input{
	width: 10px !important;
	height: 10px !important;
}
